<!-- 管理房间界面 -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>聊天室入口</title>
 
    <style type="text/css">
        body{   
    		width: 100%;   
    		height: 100%;   
    		/* font-family: 'Open Sans',sans-serif;    */
    		margin: 0;   
    		background:url('blackboard.jpg');
            background-size:100% 100%; 
            background-attachment:fixed;
            font-family: "Times New Roman", Times, serif;
            font-size: 20px;
            color: #e2f5b5; 
		}
		h1{   
    		font-size: 2em;   
			margin: 0.67em 0;  
			color: #fff;   
    		 
        }
        h2{
            color: rgb(255, 224, 83);   
            text-shadow:0 0 10px;   
            letter-spacing: 1px;   
            text-align: center;
        }   
        input{   
            width: 200px;   
            height: 18px;   
            margin-bottom: 10px;   
            outline: none;   
            padding: 10px;   
            font-size: 16px;   
            color: #fff;   
            text-shadow:1px 1px 1px;   
            border-top: 1px solid #312E3D;   
            border-left: 1px solid #312E3D;   
            border-right: 1px solid #312E3D;   
            border-bottom: 1px solid #56536A;   
            border-radius: 4px;   
            background-color: #2D2D3F;  
            float: left; 
        }
        span{
            float: left;
            font-family: "Times New Roman", Times, serif;
            font-size: 20px;
            color: #e2f5b5; 
        }   
        .but{   
            width: 150px;   
            min-height: 20px;   
            display: block;   
            background-color: #4a77d4;   
            border: 1px solid #3762bc;   
            color: #fff;   
            padding: 9px 14px;   
            font-size: 15px;   
            line-height: normal;   
            border-radius: 5px;   
            margin: 0;  
            float: left;
        }   
        .select{
            width: 500px;
            height: 100px;
            position: absolute;
            left: 43%;
            top: 50%;
            margin: -50px 0 0 -50px;
        } 
    </style> 

    <input type="hidden" value="{{w_flag}}" id="w_flag">  



    <script LANGUAGE="JavaScript">

    function openwin() {
        
    if(document.getElementById("w_flag").value=="1"){
        alert("删除成功")
        // window.open ("window_s.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
    }
    if(document.getElementById("w_flag").value=="2"){
        alert("删除失败")
        // window.open ("window_f.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
    }
    }
    </script>
    
</head>
 
<body onload="openwin()">
<center>
<h1>Hello  {{nickname}} !</h1>
<br>
<br>
<p>已创建的房间</p>
<div style="width:580px;
height:170px;
border:1px solid #666;
margin:10px auto 0;
overflow:auto;">
<h2>{% for chatHome in chatHomeList %}
            {{chatHomeList[chatHome]['name']}}-----ID: {{chatHome}}
            <br>
        {% end %}
</h2>
</div>
<div class="select">      
<form action="enter" method="get">

	<span>请输入要加入的房间ID：</font><br><input type="text" name="pickid">
    <!-- <input type="submit" value="加入"> -->
    <button class="but">加入</button>   
</form>
<br></br>
<br></br>
<form action="room" method="post">
    <span>请输入要创建的房间名称：</font><br><input type="text" name="newname">
    <!-- <input type="submit" value="创建"> -->
    <button class="but">创建</button>
</form>
<br></br>
<br></br>
<form action="roomdel" method="post">
    <span>请输入要删除的房间ID：</font><br><input type="text" name="wasteid">
    <!-- <input type="submit" value="删除"> -->
    <button class="but">删除</button>
</form>

</div>

</center>
</body>
</html>